<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8">
    <title>矩形对角线</title>


    <style>

.triangle {
           border: 1px solid #333;
           width: 120px;
           height: 70px;
            background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%"><line x1="0" y1="0" x2="100%" y2="100%" stroke="black" stroke-width="1"/></svg>');
		
        
        position: relative;
        
        
        }

        .text1{
            position: absolute;
            left: 10px;
            bottom: 10px;
        }

        .text2{
            position: absolute;
            right: 10px;
            top: 10px;
        }

    </style>

</head>

<body>

    <div class="triangle">
        <span class="text1">金额</span>
        <span class="text2">月份</span>
    </div>

</div>
</body>

</html>
